@charset "utf-8";
/* CSS Document */

.header{ height:73px; background:url(images/headbg.gif) repeat-x; border-bottom:1px #991818 solid}
.header_box{ width:1170px; margin:0 auto}
.logo{ width:258px; height:73px; float:left}
.top_conbox{ width:650px; float:right}
.search_box{ width:320px; margin-right:40px; float:left}
.search_input{ width:218px; height:32px; margin-top:20px; margin-right:10px; color:#a4a4a4; border:0; border-radius:3px; text-indent:8px; background:url(images/schpic.png) 195px center no-repeat #ffffff; float:left}
.search_btn{ width:88px; height:32px; margin-top:20px; background:#fc5e15; border-radius:3px; border:0; color:#ffffff; cursor:pointer}

.tips-box{ width:100px; float:left}
.venus-menu{ padding-top:15px;}
.venus-menu > li{ background:none; float:left;}
.venus-menu > li > a{ position:relative; display:block; padding:10px;}
.venus-menu > li > a i{ font-size:20px; color:#fff;}
.venus-menu > li:hover > a i,.itsm_top_inform .venus-menu li.active a i{color: #fff;}
.tips-badge{display:list-item;min-width:6px; padding:3px 6px; font-size:8px; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; background-color: #fc5e15; border-radius:10px; margin:-28px 0 0 12px; position:absolute;}
.venus-menu li{ display: inline-block;margin: 0;padding: 0;float: left;line-height: 20px;position: relative; background:none}
.venus-menu li:hover > a,.itsm_top_inform .venus-menu li.active a{ background:none; color: #000;}
.venus-menu ul, .venus-menu ul li ul{ list-style: none;margin: 0;padding: 0;display: none;position: absolute;z-index: 99;width: 140px;}
.venus-menu ul{ top:44px; left:0; padding-top:0px; border-bottom:1px solid #fff; border-bottom-right-radius:3px; border-bottom-left-radius:3px; box-shadow:0px 2px 8px rgba(0,0,0,.6)}
.venus-menu > li > ul > li:first-child a:before{ content: ''; position:absolute; bottom:35px; left:45%; margin-left: -48px; width:0; height:0; border-left:8px solid rgba(255, 255, 255, 0); border-right:8px solid rgba(255, 255, 255, 0); border-bottom: 8px solid #fff;}
.venus-menu > li .indicator{ display:none}
.venus-menu ul li{ clear:both; width:100%; border: none;}
.venus-menu ul li a{ padding:8px 20px;width:100%;color:#666;font-size:12px;text-decoration:none;display:inline-block;float:left;clear:both;background:#fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition: background 0.2s linear;-moz-transition: background 0.2s linear;-o-transition: background 0.2s linear;transition: background 0.2s linear;}
.venus-menu ul li:hover > a{ background: #80ffff;}
.venus-menu > li > ul > li:first-child:hover a:before{ border-bottom-color: #f5f5f5;}
.venus-menu > li.showhide{ display: none}

.admin_box{ width:155px; margin-top:13px; float:left}
.adminlogo{ width:45px; height:45px; margin-right:10px; display:block; float:left}
.admin_text{ width:100px; color:#ffffff; padding-top:10px; display:block; float:left}

.wld{ float: left;}
.nav_box{ margin:0 auto; position:relative}
.nav_box li:last-child{ background-image:none}
.nav_box>li{padding-top:10px;padding-bottom:12px;}
.home{}
.tab{position:relative;display:block;float:left;cursor:pointer}
.tab .tablink{position:relative;padding:0px 30px;line-height:39px;display:block;height:39px;color:#fff;font-size:14px;z-index:99;float:left}
.tab .tablink a{line-height:39px;color:#FFF;text-decoration:none}
.tab:hover{background-color:#FFF}
.tab:hover .tablink{color:#b10000; border-top-left-radius:3px; border-top-right-radius:3px; -webkit-border-top-left-radius: 3px; -moz-border-top-right-radius: 3px; border:0; padding:0 30px;text-decoration:none}
.tab:hover .tablink a{color:#357d13}
.dropdown:hover .arwlink{height:38px}
.dropdown ul{display:none}
.dropdown:hover ul{position:absolute;display:block;margin-left:-1px;top:60px;left:1px;z-index:1001}
.dropdown ul a{margin:5px 0px 5px 0px;}
.subnav{width:420px;height:115px;}
.subnav a{padding:5px 5px 5px 20px;line-height:16px;width:120px;display:block;white-space:nowrap;color:#333;float:left}
.subnav :hover{color:#b10000;text-decoration: none;}
.dropdown .subnav{background-color:#FFF;border-left:1px solid #dedede; border-bottom:1px solid #dedede; border-right:1px solid #dedede; border-radius:0px;padding:8px}
.subnav_icon{ width:20px; height:20px; margin-right:5px; display:block; float:left}
.zizhi{ background:url(images/zizhi.png) center center no-repeat;}
.zjian{  background:url(images/zjian.png) center center no-repeat;}
.ca{  background:url(images/ca.png) center center no-repeat;}
.star{  background:url(images/star.png) center center no-repeat;}
.user{  background:url(images/user.png) center center no-repeat;}
.users{ background:url(images/users.png) center center no-repeat;}

.ttl-position{ position:absolute; top:-320px; left:0; }
.picon-info-one{ position:absolute; top:-130px; left:0;}
.picon-box-one{}
.picon-box-one li{ padding-right:32px; margin-bottom:20px; float:left;}
.picon-box-one li a{ color:#fff; font-size:18px; }
.picon-box-one li img{ margin-right:10px;}
.picon-info-two{ position:absolute; top:-170px; left:0;}
.picon-box-two{}
.picon-box-two li{ width:195px; margin-bottom:30px; float:left;}
.picon-box-two li a{ color:#fff; font-size:18px; }
.picon-box-two li img{ margin-right:8px; float:left}
.picon-box-two li span{color:#fff; font-size:18px; line-height:60px; float:left}

.rank-ttl{ padding-bottom:4px; border-bottom:1px solid #ccc; font-size:16px; }
.rank-ttl span{ color:#fb5f16; font-size:24px; margin-right:8px; }
.rank-info{ padding:10px 0}
.rank-info li{ padding:8px 0}
.rank-badgeorg{ width:34px; height:24px; line-height:24px; text-align:center; color:#fff; border-radius:3px; background:#fb5f16; float:right}
.rank-badgegry{ width:34px; height:24px; line-height:24px; text-align:center; color:#fff; border-radius:3px; background:#cccccc; float:right }

.page_table{ border:1px solid #cdcdcd; border-radius:3px; box-shadow:0 1px 0 #e4e4e4; background:#f7f7f7;}
.table_ttl{ height:36px; font-weight:bold; padding-left:14px; line-height:36px; color:#484848; border-top-right-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-top-left-radius:3px; -moz-border-top-right-radius:3px; -moz-border-top-left-radius:3px; border-bottom:1px solid #cdcdcd; background:url(images/table_ttl.gif) repeat-x; position:relative; clear:both}
.table_ttl span{ color:#484848;}
.t_ttl{ color:#484848; font-weight:bold; float:left}

.todo_list{ padding:0; margin:0;}
.todo_list > ul > li{ padding:0px 15px; line-height:36px; border-bottom:1px solid #e5e5e5; clear:both;}
.todo_list > ul > li:first-child{ border-radius:3px 3px 0 0}
.todo_list > ul > li:last-child{ border-bottom:0; border-radius:0 0 3px 3px}
.todo_list > ul > li a{ display:inline-block}
.todo_list > ul > li a:hover{ text-decoration:underline}
.todo_list > ul > li > span{ font-size:16px; color:#4c8ac1; padding-top:5px; margin-top:5px; margin-right:8px; float:left; display:inline-block;}
.todo_list > ul > li > span.icon-alert{ color:#ebb827}
.todo_list > ul > li > span.icon-cancel-circle{ color:#c57065}
.todo_list > ul > li > span.icon-info22{ color:#4c8ac1}
.todo_list > ul > li > span.icon-checkmark-circle{ color:#9dc44e}
.todo_list > ul > li > i{}
.todo_list > ul > li > i a{ line-height:12px; cursor:pointer; padding:5px 6px; margin-top:8px; border-radius:2px; display: inline-block; float:right; color:#fff}
.todo_list > ul > li > em{ font-style:normal; float:right}

#tags{ padding:0px; margin:0px;}
#tags > li{ border-right:1px solid #cdcdcd; float:left; height: 36px}
#tags > li:last-child{ border-right:0}
#tags > li a{ padding:0 14px; float:left; color: #484848; line-height: 36px; height: 36px; }
#tags > li.emptyTag{ background: none transparent scroll repeat 0% 0%; width: 4px}
#tags > li.selectTag{ background:#f7f7f7; margin-bottom:-9px; position:relative}
#tags > li.selectTag:last-child{border-right:1px solid #cdcdcd;}
#tags > li.selectTag a { color: #b10000; line-height: 37px; height: 45px}
#tagContent { background-color:#f7f7f7}
.tagContent { display: none; color:#474747}
#tagContent div.selectTag{ display: block}

